<template>
	<view class="welfare-box">
			<p>{{info?.data?.nickName}}</p>
			<image class="welfare-avatar" :src='info.data?.avatarUrl' mode=""></image>
			<span class="integral">当前积分</span>
	</view>
</template>

<script>
	export default {
		props:{
			info:{
				type:String,
				default:0,
				required:true,
			}
		},
	}
</script>

<style lang="scss">
.welfare-box{
	width: 94%;
	height: 240rpx;
	background-color: honeydew;
	margin-left: 3%;
	border-radius: 26rpx;
	position: relative;
	.welfare-avatar{
		width: 120rpx;
		height: 120rpx;
		border-radius: 100%;
		position: absolute;
		right: 50rpx;
		top: 60rpx;
	}
	.integral{
		position: absolute;
		bottom: 30rpx;
		left: 42rpx;
	}
}
</style>